'use client';

import React from 'react';
import Image from 'next/image';
import {
  Space, Table, Tag, Empty, Button, Avatar, List,
} from 'antd';
import { HddOutlined } from '@ant-design/icons';
import ToolBar from './toolbar';
import DataList from './list';
import Back from './back';
import Icon from './app.png';

const { Item } = List;
const { Meta } = Item;
const data = [
  {
    title: 'Ant Design Title 1',
  }];
function App() {
  return (
    <div className='appServer'>
      <List
        itemLayout="horizontal"
        dataSource={data}
        style={{ borderBottom: '1px solid #EEEEEE' }}
        renderItem={() => (
          <Item>
            <Meta
              avatar={<Image style={{ width: 50, height: 50 }} src={Icon} alt="logo" />}
              title="应用"
              description="描述：dzgwxt | 创建人：zhaoxi | 创建时间：2023-03-10 12:12:12"
            />
          </Item>
        )}
      />
      <Back />
      <ToolBar />
      <DataList />
    </div>
  );
}
export default App;
